{
    // 给con添加移入事件
    let con=$('.site-header>.hearder_l>.con');
    con.on('mouseenter',function(){
        con.children().eq(0).animate({
            left:0
        },200,'linear')
        con.children().eq(1).animate({
            left:55
        },200,'linear')
    })
    // 给con添加移出事件
    con.on('mouseleave',function(){
        con.children().eq(0).animate({
            left:-55
        },200,'linear')
        con.children().eq(1).animate({
            left:0
        },200,'linear')
    })
    // 给搜索框绑定点击事件
    let hearder_input=$('.hearder_r>.hearder_search>.input');
    // 获取搜索按钮
    hearder_input.on('click',()=>{
        hearder_input.parent().children().css({
            border: '1px solid #ff6700',
        }).eq(2).css({
            display:'block'
        });
    })
    // 让搜索框失去焦点的时候隐藏ul
    hearder_input.on('blur',()=>{
        hearder_input.parent().children().css({
            border: '1px solid #e0e0e0',
        }).eq(2).css({
            display:'none'
        });
    })
    // 轮播图
    $(document).ready(function(){

        $('.bxslider').bxSlider({

          mode: 'fade',

          slideWidth: 1226, 

          slideMargin: 10,

          auto:true

        });

      });
    //   详情列表
    $.get('../../src/js/data.json',function(data){
        var html = template('list_details',{"json":data});
                
        $('.banner_list_details').append(html);
        // details_con($('.banner_list_details'))
    },'json')
    // $.ajax({
    //     url:'../js/data.json',
    //     success:function(data){
    //     console.log(data);
    // },
    // dataType:'jsonp'
    // })
    // function details_con(element){
    //     let $list_details=element;
        
    //     $list_details.children().children().children();

    //     console.log( $list_details.children().children().children());
    // }
    // 详情列表鼠标移入事件

    let banner_r=$('.banner_r');
    banner_r.children().on('mouseover',function(){
        $('.banner_list_details').css({display:'block'})
    })
    banner_r.children().on('mouseleave',function(){
        $('.banner_list_details').css({display:'none'})
    })

}